<template>
  <div id="app">
    <router-view />
  </div>
</template>
<script>
export default {
  created() {
    // document.onselectstart = () => {
    //   return false;
    // };
  },
};
</script>
<style lang="scss">
@import url("./assets/font-icon/iconfont.css");
div,
button,
span,
img {
  box-sizing: border-box;
  word-break: break-all;
  margin: 0;
  padding: 0;
}
.star::before {
  content: "*";
  color: red;
}
.line::before {
  content: "|";
  color: #2c70d6;
  width: 10px;
  height: 20px;
  background: #2c70d6;
  border-radius: 2px;
  margin-right: 5px;
}
body {
  background: #efefef;
}
body .el-table th.gutter {
  display: table-cell !important;
}
#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}
body {
  margin: 0;
  font-family: sans-serif;
}
.positionForm {
  display: flex;
  justify-content: space-between;
}
.pointer {
  cursor: pointer;
}
.fileimg {
  width: 146px;
  height: 146px;
  > img {
    object-fit: contain;
  }
}
.delcancelButtonClass {
  color: red !important;
  border-color: red !important;
}
.avatar-uploader .el-upload {
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}
.avatar-uploader-icon {
  border: 1px dashed #d9d9d9 !important;
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px !important;
  text-align: center;
}
.avatar {
  width: 178px;
  height: 178px;
  display: block;
}
</style>
